<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author jkKim
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     jkKim     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
    <script type="text/javascript" src="/kr/common/js/showroom.js"></script>
    <script type="text/javascript" src="/kr/common/js/storybook/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="/kr/common/js/showroom2.js"></script>
    <script>
    $(document).ready(function() {
       alert("tuix"); 
    });
    </script>
</head>
<body id="typeB" style="background:url('/kr${dspMgmtVO.fSurrImgPath}') repeat;">
<%@ include file="/WEB-INF/jsp/com/include/layerpopup.jspf" %>
<div id="wrap" class="showroom-wrap">
    <%@ include file="/WEB-INF/jsp/com/include/navi_utill.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />
    <!-- visual 관리영역 -->
    ${mnSbc}
    <!-- //visual 관리영역 -->
    <hr />
    <div id="showroom-container">
        <!-- showroom-navigation -->
        <div id="showroom-navigation-wrap">
            <div id="showroom-navigation">
                <div class="showroom-navigation-inner" style="background:url('<c:url value="${dspMgmtVO.ctrSurrImgPath}"/>') repeat-x;">
                    <div class="carbrand-area">
                        <h2><img src="/kr/images/showroom/veloster/h2_veloster.gif" alt="Veloster" /></h2>
                        <ul class="carbrand-menu">
                            <li class="favorite">
                                <script type="text/javascript" charset="utf-8" src="http://snsdev.hyundai.com/sns/pub?type=1&pageCode=${menuCode }&js=1&imgURL=${httpDomain }<c:url value="${dspMgmtVO.rcmImgPath}"/>&uKey="></script>
                            </li>
                            <c:if test="${dspMgmtVO.virExprExpsYn == 'Y'}">
                                <li><a href="${dspMgmtVO.virExprPath}"><img src="/kr/images/showroom/menu_carbrand01.png" alt="가상체험" /></a></li>
                            </c:if>
                            <c:if test="${dspMgmtVO.brndStyExpsYn == 'Y'}">
                                <li><a href="/kr/storybook.do?carCd1=${dspMgmtVO.carCd1}&carCd2=${dspMgmtVO.carCd2}"><img src="/kr/images/showroom/menu_carbrand02.png" alt="스토리 북" /></a></li>
                            </c:if>
                            <c:if test="${dspMgmtVO.tuixExpsYn == 'Y'}">
                                <li><a href="javascript:tuix('<c:url value="/tuix.do"/>')"><img src="/kr/images/showroom/menu_carbrand03.png" alt="TUIX" /></a></li>
                            </c:if>
                            <c:if test="${dspMgmtVO.ncapExpsYn == 'Y'}">
                                <li><a href="javascript:kncap('<c:url value="/kncap.do"/>')"><img src="/kr/images/showroom/menu_carbrand04.png" alt="KNCAP" /></a></li>
                            </c:if>
                        </ul>
                    </div>
                    <ul class="carspec-area">
                        <c:forEach var="result" items="${dspCtgrVOList}" varStatus="status">
                            <li><a href="#showroom-cont-${result.dspCtgrSn}"><img src="<c:url value="${result.menuImgPath}"/>" alt="${result.dspMenuNm}" /></a></li>
                        </c:forEach>
                    </ul>
                    <%//@ include file="/showroom/include/quickmenu.jsp" %>
                </div>
            </div>
        </div>
		<div class="showroom-storybook-wrap">
			<div class="showroom-storybook">
				<div class="storybook-contents">
					<div class="storybook-contents-inner">
						<img src="/kr/images/showroom/@thumb_storybook01.gif" alt="" />
					</div>
				</div>
				<div class="storybook-contents">
					<div class="storybook-contents-inner">
						<img src="/kr/images/showroom/@thumb_storybook02.gif" alt="" />
					</div>
					<img src="/kr/images/showroom/btn_open.gif" alt="펼쳐보기" class="open-btn" />
				</div>
				<div class="storybook-contents">
					<div class="storybook-contents-inner">
						<img src="/kr/images/showroom/@thumb_storybook03.gif" alt="" />
					</div>
					<img src="/kr/images/showroom/btn_open.gif" alt="펼쳐보기" class="open-btn" />
				</div>
				<div class="storybook-contents">
					<div class="storybook-contents-inner">
						<img src="/kr/images/showroom/@thumb_storybook04.gif" alt="" />
					</div>
					<img src="/kr/images/showroom/btn_open.gif" alt="펼쳐보기" class="open-btn" />
				</div>
			</div>
			<div class="storybook-sns"><div class="sns-inner">
				<img src="/kr/images/showroom/img_storybook_sns_top.gif" alt="About Hyundai 새로운 생각은 어떤 생각일까? 새로운 생각은 생각보다 가까이에 있다." />
				<div id="sns-contents">
					
				</div>
			</div></div>
            
            <div class="storybook-multimedia"><div class="storybook-multimedia-inner">
                <h3><img src="/kr/images/showroom/h3_multimedia.gif" alt="MULTIMEDIA" /></h3>
                <p class="m-desc"><img src="/kr/images/showroom/h3_multimedia_desc.gif" alt="i40, 유럽의 감성을 만나다. 월페이퍼와 스크린세이버로 유럽의 감성을 간직하세요." /></p>
                <h4 class="subsection"><img src="/kr/images/showroom/h4_tv_cf.gif" alt="TV CF" /></h4>
                <div class="media-area">
                    <img src="/kr/images/showroom/@thumb_storybook_multimedia.gif" alt="" />
                </div>
                <h4 class="subsection"><img src="/kr/images/showroom/h4_wallpaper.gif" alt="WALLPAPER" /></h4>
                <ul class="wallpaper-list">
                    <c:forEach var="vo" items="${list2}" varStatus="status">
                    <li>
                        <img src="/kr${vo.thumnImgPath}" alt="월페이퍼이미지" class="thumb" />
                        <div class="downcontrol">
                            <img src="/kr/images/showroom/download_wallpaper.gif" alt="down" />
                            <a href="/kr/file/download.do?filSn=${vo.imgFilSn}"><img src="/kr/images/showroom/download_wallpaper02.gif" alt="1024x768" /></a>
                            <a href="/kr/file/download.do?filSn=${vo.imgFilSn2}"><img src="/kr/images/showroom/download_wallpaper03.gif" alt="1280x960" /></a>
                        </div>
                    </li>
                    </c:forEach>
                </ul>
            </div></div> 
            
            
		</div>
	</div>
	<hr />
	<%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>